﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="/Content/Site.css?201312042221" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/CSS/ui-darkness/jquery-ui.min.css" type="text/css" />
    <link rel="stylesheet" href="/JsLib/colorbox-1.3.20/colorbox.css" type="text/css" />
    <link rel="stylesheet" href="/CSS/departure-board.css" type="text/css" />
    <script src="/JsLib/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="/JsLib/jquery-ui-1.10.3.js" type="text/javascript"></script>
    <script src="/JsLib/jquery.tmpl.min.js" type="text/javascript"></script>
    <script src="/JsLib/colorbox-1.3.20/jquery.colorbox.js" type="text/javascript"></script>
    <script src="/JsLib/G_JqUI.js" type="text/javascript"></script>
    <script src="/JsLib/zeus/core/zeus.global.js" type="text/javascript"></script>
    <script src="/JsLib/zeus/core/zeus.core.js" type="text/javascript"></script>
    <script src="/JsLib/zeus/core/zeus.util.js" type="text/javascript"></script>
    <script src="/JsLib/zeus/data/zeus.json.js" type="text/javascript"></script>
    <script src="/JsLib/zeus/ajax/zeus.ajax.js" type="text/javascript"></script>
    <script src="/JS/MyPlugin/jquery.shapeshift.min.js" type="text/javascript"></script>
    <script src="/JS/MyPlugin/jquery.burn.min.js" type="text/javascript"></script>
    <script src="/JS/MyPlugin/departure-board.js" type="text/javascript"></script>
    <script type="text/javascript" src="/JS/ZeusApp/lordjs.categoryWidget.js"></script>
    <script type="text/javascript" src="/JS/ZeusApp/lordjs.catalogWidget.js"></script>
    <style type="text/css">
        fieldset { padding:0; border:0; margin-top:25px; }
        div#users-contain { width: 350px; margin: 20px 0; }
        div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
        div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
        .ui-dialog .ui-state-error { padding: .3em; }
        .validateTips { border: 1px solid transparent; padding: 0.3em; }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            toolTip("#cmdWin");
            toolTip("#cmdMsg");
            toolTip("#cmdOption");

            $('.title').burn();

            $(".myBlog").colorbox({ iframe: true, width: "80%", height: "80%" });
            $("#cmdWin").colorbox({ iframe: true, width: "90%", height: "80%" });

            $("fieldset.category div").hover(function () {
                $(this).addClass("categoryHover");
            },
	        function () {
	            $(this).removeClass("categoryHover");
	        });
        });

	    function toolTip(tipId) {
	        $(tipId).tooltip({
	            hide: {
	                effect: "explode",
	                delay: 250
	            }
	        });
	    }
    </script>
</head>

<body>
    
<div class="wrapper">

	<div class="container">

		<div class="main">		
			
			<div class="content">
                <div class="title">Lord JS v2</div>
                <p class="olive"><a href="/Home/Index">JS Framework Portal</a></p>
                <div class="commandBar">
                    <a id="cmdWin" class="cmdLink" href="/Page/GoTo/System/Cmd/CommandWindow" title="Lord JS Console">
                        <img class="commandButton" src="/Images/command.png" />
                    </a>
                    &nbsp;&nbsp;
                    <a id="cmdMsg" class="cmdLink" href="#" title="Lord Message">
                        <img class="commandButton" src="/Images/message.png" />
                    </a>
                    &nbsp;&nbsp;
                    <a id="cmdOption" class="cmdLink" href="#" title="Lord Settings">
                        <img class="commandButton" src="/Images/option.png" />
                    </a>
                </div>
                @RenderBody()
			</div>

			<div class="sidenav">
                @Html.Partial("~/Views/Shared/_NavBar.cshtml")
			</div>

			<div class="clearer"></div>

		</div>

		<div class="footer">

			<div class="left">&copy 2013 Author: Master HaKu   &nbsp;&nbsp; Blog: <a class="myBlog" href="http://cnblogs.com/davidgu">Cn Blog</a>.</div>
		
			<div class="clearer"><span></span></div>

		</div>

	</div>

</div>

</body>
</html>
